<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="zh-cn">
<head>
    <title>[[${#params.value("system_name")}]]</title>
    <link rel="stylesheet" th:href="@{/css/plugins/font-awesome-4.7.0/css/font-awesome.min.css}"  media="all">
    <link  th:href="@{/css/animate.css}" rel="stylesheet">
    <link  th:href="@{/css/default.css}" rel="stylesheet">
    <link  th:href="@{/css/shortcut-drawer.css}" rel="stylesheet">
    <style>
        * {
            font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu
        }
        /*磁贴自定义样式*/
        .win10-block-content-text {
            line-height: 44px;
            text-align: center;
            font-size: 16px;
        }
        .animated {
            -webkit-animation-duration: .5s;
            animation-duration: .5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }

    </style>
</head>




</head>
<body>
<div id="win10">
    <div class="desktop">
        <div id="win10-shortcuts" class="shortcuts-hidden" >


        </div>
        <div id="win10-desktop-scene"></div>
    </div>
    <div id="win10-menu" class="hidden">
        <div class="list menu-left" >
            <div class="item" onclick="Win10.aboutUs()"><i class="purple icon fa fa-info-circle fa-fw"></i></div>
            <div class="item" onclick=" Win10.exit();" style="position: absolute; bottom: 5px;padding: 0px 6px;"><i class="icon fa fa-power-off fa-fw" style="background-color: Rgba(0,0,0,0)"></i></div>
        </div>
        <div class="list win10-menu-hidden animated animated-slideOutLeft" id="menu">
            <!--<div class="item"><i class="red icon fa fa-wrench fa-fw"></i><span>API测试</span>            </div>-->
                <!--<div class="sub-item" onclick="Win10.openUrl('./child.html','子页')">父子页沟通</div>-->
                <!--<div class="sub-item" onclick="Win10.commandCenterOpen()">打开消息中心</div>-->
                <!--<div class="sub-item" onclick="Win10.newMsg('API测试','通过API可以发送消息至消息中心，自定义标题与内容(点击我试试)',function() {alert('click')})">发送带回调的消息</div>-->
                <!--<div class="sub-item" onclick="Win10.menuClose()">关闭菜单</div>-->

            <div class="item" ><i class="blue icon fa fa-gavel fa-fw"></i>辅助工具</div>
            <div class="sub-item" onclick="Win10.openUrl('win10ui.yuri2.cn/src/tools/builder-shortcut.html','图标代码生成器')">桌面图标代码生成器</div>
            <div class="sub-item" onclick="Win10.openUrl('win10ui.yuri2.cn/src/tools/builder-tile.html','磁贴代码生成器')">磁贴代码生成器</div>
            <div class="sub-item" onclick="Win10.openUrl('win10ui.yuri2.cn/src/tools/builder-menu.html','菜单代码生成器')">菜单代码生成器</div>

        </div>
        <div class="blocks">
            <div class="menu_group" >
                <div class="title">
                    应用示例
                </div>

                <div loc="1,1" size="6,4" class="block">
                    <div class="content blue cover" style="font-size: 30px;line-height: 176px;text-align: center">
                        <i class="fa fa-cloud fa-fw"></i> 天气
                    </div>
                    <div class="content detail" style="background-color: rgb(46,147,217)">
                        <iframe src="//www.seniverse.com/weather/weather.aspx?uid=U43DF172E7&cid=CHBJ000000&l=&p=SMART&a=1&u=C&s=13&m=2&x=1&d=1&fc=&bgc=2E93D9&bc=&ti=0&in=0&li=" frameborder="0" scrolling="no" width="200" height="300" allowTransparency="true"></iframe>
                    </div>
                </div>


            </div>

            <!--<div class="menu_group">-->
                <!--<div class="title">-->
                    <!--常用场景-->
                <!--</div>-->
                <!--<div loc="1,1" size="4,3" class="block">-->
                    <!--<div class="content" style="background-color: orangered">-->
                        <!--<div class="win10-block-content-text" style="font-size: 26px;line-height: 88px">WIN10-UI</div>-->
                        <!--<div class="win10-block-content-text">显示信息</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div loc="5,1" size="2,1" class="block">-->
                    <!--<div class="content" style="background-color: green">-->
                        <!--<div  class="win10-block-content-text">文字按钮</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div loc="5,2" size="2,2" class="block">-->
                    <!--<div class="content">-->
                        <!--<img style="width: 40px;height: 40px;margin: 5px auto;display: block" src="./img/icon/baidu.png">-->
                        <!--<div class="win10-block-content-text">图标按钮</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div loc="1,4" size="6,3" class="block">-->
                    <!--<div class="content" style="background: url('./img/presentation/1.png');background-size: auto">-->
                        <!--<div style="line-height:132px;text-align: center;">显示图片</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div loc="1,7" size="2,1" class="block">-->
                    <!--<div class="content" style="background-color: grey" onclick="Win10.openUrl('//www.baidu.com')">-->
                        <!--<div class="win10-block-content-text">内部链接</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div loc="3,7" size="2,1" class="block">-->
                    <!--<div class="content" style="background-color: blue" onclick="window.open('https://www.baidu.com')">-->
                        <!--<div class="win10-block-content-text">外部链接</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        </div>
        <div id="win10-menu-switcher"></div>
    </div>
    <div id="win10_command_center" class="hidden_right">
        <div class="title">
            <h4 style="float: left">消息中心 </h4>
            <span id="win10_btn_command_center_clean_all">全部清除</span>
        </div>
        <div class="msgs"></div>
    </div>
    <div id="win10_task_bar">
        <div id="win10_btn_group_left" class="btn_group">
            <div id="win10_btn_win" class="btn"><span class="fa fa-windows"></span></div>
            <div class="btn" id="win10-btn-browser"><span class="fa fa-internet-explorer"></span></div>
        </div>
        <div id="win10_btn_group_middle" class="btn_group"></div>
        <div id="win10_btn_group_right" class="btn_group">
            <div class="btn" id="win10_btn_time">
                <!--0:00<br/>-->
                <!--1993/8/13-->
            </div>
            <div class="btn" id="win10_btn_command"><span id="win10-msg-nof" class="fa fa-comment-o"></span></div>
            <div class="btn" id="win10_btn_show_desktop"></div>
        </div>
    </div>
</div>

<script th:replace="/common/template :: script"></script>
<script th:src="@{/js/plugins/jquery-2.2.4.min.js}" charset="utf-8"></script>
<script th:src="@{/js/win10.js}" charset="utf-8"></script>
<script th:src="@{/js/shortcut-drawer.js}" charset="utf-8"></script>

<script>
    Win10.onReady(function () {
        Win10.setDesktop({
            url:'/system/main/getDeskTop',
            dom:'#win10-shortcuts'
        });
        Win10.setMenu({
            url:'/system/main/getDeskTop',
            dom:'#menu'
        });
        //设置壁纸
        Win10.setBgUrl({
            main:'/img/wallpapers/main.jpg',
            mobile:'/img/wallpapers/mobile.jpg'
        });

        Win10.setAnimated([
            'animated flip',
            'animated bounceIn'
        ], 0.01);



        Win10._hideShortcut=function () {
          //  Win10._showShortcut();
        };
    });

   var setDeskTop = function () {

        Win10.setDesktop({
            url:'/system/main/getDeskTop',
            dom:'#win10-shortcuts'
        })

    }

</script>
</body>
</html>
